/*my reset*/

html,body{
	font-size:14px;position: relative;font-family: "microsoft yaihei","微软雅黑";
	background-color: #fff;
}
html{color:#3d3636;}
html *{outline:0;/*transition:all .3s ease-in 0s;*/}
body{margin: 0px auto !important;}
article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,textarea,ul{margin:0;padding:0;box-sizing:border-box}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
address,cite,dfn,em,i,var{font-style:normal}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
li,ol,ul{list-style:none}
a,button{cursor:pointer;text-decoration: none;border:none;}
textarea{overflow:auto;resize:none}
.clear{
	clear: both;
	height: 0px;
	overflow: hidden;
}
.cl,.clearfix:after,.fix:after{content:".";overflow:hidden;display:none;height:0px;clear:both;visibility:hidden}
input:focus{outline-offset:0}
img{display: inline-block;}
a{color:#404152;transition: color 0.25s,background-color 0.25s,border-color 0.25s;}
form{display: block;}
.cursor,.pointer{cursor: pointer;}
*{-webkit-tap-highlight-color:transparent;}
::-webkit-scrollbar-track-piece {background-color:#ddd;}
::-webkit-scrollbar {width:9px;height:9px;}
::-webkit-scrollbar-thumb {background-color:#aaa;background-clip:padding-box;min-height:28px;border-radius: 9px;}
::-webkit-scrollbar-thumb:hover {background-color:#888;}
input[type='text'],input[type='number'],input[type='password']{font-size: 14px;line-height: 2.5em;border:1px solid #ccc; padding: 0px 10px; }
input[type='text']:focus,input[type='number']:focus,input[type='password']:focus{border-color:#16f;box-shadow: 0px 0px 5px rgba(25,120,210,0.7);}

select{font-size: 14px;padding:0.6em;border-color:#ccc;}


.wrap{margin:0px auto;padding:10px;}
.wrapfff{background: #fff;}
.relative{position:relative}.absolute{position: absolute;}
.block{display: block}
.center,.tac{text-align: center !important;}.tar{text-align: right;}
.fl{float:left;}.fr{float: right;}.cl{height:0px;width:0px;clear:both;}
.ofh{overflow: hidden;}
.hide,.hidden{display: none;}
.ellipsis{max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellipsis-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.text-shadow {text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.w100{width:100px!important;}
.w200{width:200px!important;}
.w300{width:300px!important;}
.w400{width:400px!important;}
.w500{width:500px!important;}

.w20{width: 20px;} .w30{width: 30px;} .w40{width: 40px;} .w50{width: 50px;} .w60{width: 60px;} .w70{width: 70px;} .w80{width: 80px;} .w90{width: 90px;} .w100{width: 100px;} .w110{width: 110px;} .w120{width: 120px;} .w130{width: 130px;} .w140{width: 140px;}
.h20{height: 20px;} .h30{height: 30px;} .h40{height: 40px;} .h50{height: 50px;} .h60{height: 60px;} .h70{height: 70px;} .h80{height: 80px;} .h90{height: 90px;} .h100{height: 100px;} .h110{height: 110px;} .h120{height: 120px;} .h130{height: 130px;} .h140{height: 140px;}


.p5{padding:5px !important;}.p10{padding:10px !important;} .p20{padding:20px !important;} .p30{padding:30px!important;}
.plr10{padding-left:10px!important;padding-right:10px!important;}
.plr20{padding-left:20px!important;padding-right:20px!important;}
.ptb5{padding-top:5px!important;padding-bottom:10px!important;}
.ptb10{padding-top:10px!important;padding-bottom:10px!important;}
.ptb15{padding-top:15px!important;padding-bottom:15px!important;}
.ptb20{padding-top:20px!important;padding-bottom:20px!important;}

.ml5{margin-left:5px !important;}.ml10{margin-left:10px !important;} .ml20{margin-left:20px !important;} .ml30{margin-left:30px !important;}
.mr5{margin-right:5px !important;}.mr10{margin-right:10px !important;} .mr20{margin-right:20px !important;} .mr30{margin-right:30px !important;}
.mt5{margin-top:5px !important;}.mt10{margin-top:10px !important;} .mt20{margin-top:20px !important;} .mt30{margin-top:30px !important;} .mt40{margin-top:40px!important;;}.mt50{margin-top:50px!important;;}


.bgfff,.bgf{background-color: #fff !important;}
.bgf9{background-color: #f9f9f9 !important;}
.bgf6{background-color: #f6f6f6 !important;}
.bgf0{background-color: #f0f0f0 !important;}
.bgef{background-color: #efefef !important;}
.bgdf{background-color: #dfdfdf !important;}
.bg999{background-color:#999  !important;}
.bg888{background-color:#888  !important;}
.bg666{background-color:#666  !important;}
.bg555{background-color:#555  !important;}
.bg333{background-color:#333  !important;}



/*alpha*/
.alpha10{opacity: 0.1}
.alpha20{opacity: 0.2}
.alpha30{opacity: 0.3}
.alpha40{opacity: 0.4}
.alpha50{opacity: 0.5}
.alpha60{opacity: 0.6}
.alpha70{opacity: 0.7}
.alpha80{opacity: 0.8}
.alpha90{opacity: 0.9}

.b,.bold{font-weight:700;}
.c-999{color:#999 !important;}
.c-666{color:#666 !important;}
.c-333{color:#333 !important;}
.c-bbb{color:#BBB !important;}
.c-ccc{color:#CCC !important;}
.c-ddd{color:#DDD !important;}
.c-eee{color:#EEE !important;}
.c-fff{color:#FFF !important;}
.c-f40{color:#f40 !important;}.c-f60{color:#f60 !important;}.c-f90{color:#f90 !important;}
.c-yellow{color:#ff0!important;}
.c-gold{color:#fe0 !important;}.c-orange{color:#FCAE52 !important;} .c-dorange{color:#FF8C19 !important;}
.c-green{color:#259b24 !important;} .c-lgreen{color:#8bc34a !important;}
.c-red{color:#f22 !important;} .c-dred{color:#b00 !important;}
.c-blue{color:#417ff0 !important;} .c-dblue{color:#3f51b5 !important;}

.f10px{font-size:10px !important;}
.f11px{font-size:11px !important;}
.f12px{font-size:12px !important;}
.f14px{font-size:14px !important;}
.f16px{font-size:16px !important;}
.f18px{font-size:18px !important;}
.f20px{font-size:20px !important;}
.f22px{font-size:22px !important;}
.f24px{font-size:24px !important;}
.f26px{font-size:26px !important;}
.f28px{font-size:28px !important;}
.f30px{font-size:30px !important;}
.f32px{font-size:32px !important;}
.f34px{font-size:34px !important;}
.f36px{font-size:36px !important;}
.f40px{font-size:40px !important;}
.f44px{font-size:44px !important;}
.f48px{font-size:48px !important;}

.f10rem{font-size:.10rem !important;}
.f11rem{font-size:.11rem !important;}
.f12rem{font-size:.12rem !important;}
.f14rem{font-size:.14rem !important;}
.f16rem{font-size:.16rem !important;}
.f18rem{font-size:.18rem !important;}
.f20rem{font-size:.20rem !important;}
.f22rem{font-size:.22rem !important;}
.f24rem{font-size:.24rem !important;}
.f26rem{font-size:.26rem !important;}
.f28rem{font-size:.28rem !important;}
.f30rem{font-size:.30rem !important;}
.f32rem{font-size:.32rem !important;}
.f34rem{font-size:.34rem !important;}
.f36rem{font-size:.36rem !important;}
.f40rem{font-size:.40rem !important;}
.f44rem{font-size:.44rem !important;}
.f48rem{font-size:.48rem !important;}

.flex{display: -webkit-flex;display: flex;}
.flex .cell{-webkit-flex:1;flex:1;}
.flex1{-webkit-flex:1;flex:1;}.flex2{-webkit-flex:2;flex:2;}.flex3{-webkit-flex:3;flex:3;}.flex4{-webkit-flex:4;flex:4;}.flex5{-webkit-flex:5;flex:5;}
.flex6{-webkit-flex:6;flex:6;}.flex7{-webkit-flex:7;flex:7;}.flex8{-webkit-flex:8;flex:8;}.flex9{-webkit-flex:9;flex:9;}.flex10{-webkit-flex:10;flex:10;}
.flex-ai-fs{display: flex;-webkit-align-items:flex-start !important; align-items:flex-start !important;}
.flex-ai-c{display: flex;-webkit-align-items:center !important; align-items:center !important;}
.flex-jc-c{display: flex;-webkit-justify-content:center !important; justify-content:center !important; }
.flex-jc-fe{display: flex;-webkit-justify-content:flex-end !important; justify-content:flex-end !important; }
.flex-jc-sb{display: flex;-webkit-justify-content:space-between !important; justify-content:space-between !important;}
.flex-jc-sa{display: flex;-webkit-justify-content:space-around !important; justify-content:space-around !important; }

.block20{height: 20px}
.block30{height: 30px}
.block50{height: 50px}

/*sweetAlert2*/
.swal2-popup {
	font-size: 14px!important;
}

/*element-ui*/
.el-radio, .el-radio__input {
	white-space: pre-wrap!important;/*狗日的要换行才行*/
}
.el-radio, .el-radio--medium.is-bordered .el-radio__label {
	font-size: inherit!important;
}


.el-tabs__item {padding: 0 0.3rem!important;font-size: 0.32rem!important;}
/*************************************************************css media***********************************************************/


@media screen and (max-width: 480px){
	html{font-size:12px}
}

@media screen and (min-width: 769px){

}

